// 进来第一眼UI
.tempUl{
  width: 900px;
  margin-bottom: 20px;
  .titleD{
    border-bottom:1px solid #eee;
    margin-bottom: 15px;
    margin-top:-20px;
    .ui-bT{
      background-color: white;
      display: inline-block;
      padding:0 10px;
      // top: 18px;
      left: -10px;
      i{
        width:30px; top:3px;
      }
    }
  }
  ul{
    li {
      margin: 5px 10px;
      left: 5px;
      display: inline-block;
      background-color: #f7f9fc;
      height: 45px;
      line-height: 45px;
      width: 22%;
      text-align: center;
      position: relative;
      border-radius:5px;
      overflow: hidden;
      i{display: none;}
    }
    li:hover {
      color: white !important;
      background-color: #527ede !important;
      font-weight: bold;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    }
    li.zhong{
      background-color: #527ede;
      color:#527ede;
      i{right:-5px;bottom:-12px;display:block;}
    }
  }
}


// 弹框专用的样式
ul.tBoxd {
  padding: 0 10px 10px 15px;
  li {
    margin: 10px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    i{display: none;}
  }
  li:hover {
    border-color: #5887ef;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  }
  li.zhong{
    border-color: #5887ef;
    color:#5887ef;
    i{right:-5px;bottom:-12px;display:block;}
  }
}